import React from 'react'
import "../../assets/styles/Floter.scss";

export default function Footer() {
  return (
    <div className='footer'>
      <div className='footer-center'>
        {/* 底部图标 */}
        <div className='footer-one'>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
              <img src={new URL('../../assets/imgs/f01.png',import.meta.url).href} alt="" />
            </div>
            <p>音乐开放平台</p>
          </div>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
            <img src={new URL('../../assets/imgs/f02.png',import.meta.url).href} alt="" />
            </div>
            <p>云村交易所</p>
          </div>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
            <img src={new URL('../../assets/imgs/f03.png',import.meta.url).href} alt="" />
            </div>
            <p>Amped Studio</p>
          </div>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
            <img src={new URL('../../assets/imgs/f04.png',import.meta.url).href} alt="" />
            </div>
            <p style={{marginLeft:'-5px'}}>用户认证</p>
          </div>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
            <img src={new URL('../../assets/imgs/f05.png',import.meta.url).href} alt="" />
            </div>
            <p>音乐交易平台</p>
          </div>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
            <img src={new URL('../../assets/imgs/f06.png',import.meta.url).href} alt="" />
            </div>
            <p style={{marginLeft:'10px'}}>赞赏</p>
          </div>
          <div className='footer-oneitem'>
            <div className='itemimgss'>
            <img src={new URL('../../assets/imgs/f07.png',import.meta.url).href} alt="" />
            </div>
            <p style={{marginLeft:'-2px'}}>视频激励</p>
          </div>
        </div>
        {/* 底部文字 */}
        <div className='footer-two'>
          <div className='footer-twotext1'>
            <p>服务条款 <span>|</span></p>
            <p>隐私政策 <span>|</span></p>
            <p>儿童隐私政策 <span>|</span></p>
            <p>版权投诉 <span>|</span></p>
            <p>投资者关系 <span>|</span></p>
            <p>广告合作 <span>|</span></p>
            <p>联系我们 </p>
          </div>
        </div>
        {/* 底部文字 */}
        <div className='footer-rightthree'>
          <p className="footer-rightthreep">
            <a href="https://jubao.163.com" target="_blank" class="sep alink s-fc3">廉正举报</a><span className="sepspan">不良信息举报邮箱: 51jubao@service.netease.com</span>
            <span className="span">客服热线：95163298</span>
          </p>
        </div>
        {/* 底部文字 */}
        <div className='footer-rightthree'>
          <p className="footer-rightthreep">
            <span className="span">互联网宗教信息服务许可证：浙（2022）0000120</span>
            <span className="span">增值电信业务经营许可证：浙B2-20150198</span>
            <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="noopener noreferrer" target="_blank" class="alink s-fc3">粤B2-20090191-18&nbsp;&nbsp;工业和信息化部备案管理系统网站</a>
          </p>
        </div>
        {/* 底部文字 */}
        <div className="footer-rightthree">
          <p className='footer-rightthreep'>
            <span className="sepspan">网易公司版权所有©1997-2023</span><span class="span">杭州乐读科技有限公司运营：</span><a href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/24498695788/9de7/9e78/fc8d/35d33543c69c9f4c5ac8aeb937217597.png" target="_blank"className="sepspan">浙网文[2021] 1186-054号</a>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902002564" rel="noopener noreferrer" target="_blank">
              <span className="sepspan">浙公网安备 33010902002564号</span>
            </a>
          </p>
        </div>
      </div>
    </div>
  )
}
